body, p, div, span, td, th, tr, h1, h2, h3, h4, h5{
  margin:0px;
  padding:0px;
  font-size:11px;
  font-family:Verdana;
  color:#333333;
  font-weight:normal;
}

table, img{
  border:0px;
}
body{
  background-color: #D6D6D6;
}
a:link, a:active, a:visited { 
	color:#336699; 
	font: normal normal normal 11px Verdana;
	text-decoration:underline;
}
a:hover {
	text-decoration:none; 
}
.box1{
	width:820px; 
	position:relative;
	left:50%;
	margin-left:-410px;
}
.box2{
	width:1060px; 
	position:relative;
	left:50%;
	margin-left:-530px;  z-index: 100;
}

/****************************** TOP ************************************/
#top .border{
	background: url('../images/bg_top.png') no-repeat;
	float:left;  
	width:820px;
	height:20px;
}
#top .infos{
	background: url('../images/bg_page.png') repeat-y;
  float:left;
	height:30px;
	width:780px;
  line-height:30px;
  padding:0px 30px 0px 30px;  
}
#top .date{
  position:absolute;
}
#top .bienvenue{
  position:absolute;
  left:265px;
}
#top .plan_du_site{
  position:absolute;
  left:700px;
}
#top .infos .plan_du_site a:link,
#top .infos .plan_du_site a:active,
#top .infos .plan_du_site a:visited{
	color:#336699; 
	text-decoration:underline;
}
#top .infos  .plan_du_site a:hover{
	text-decoration:none;
}

/****************************** BANDEAU ************************************/
#bandeau{
	float:left;  
	width:1060px;
	height:188px;
}
#bandeau .rayure{
	float:left;  
	width:140px;
	height:188px;
}
#bandeau #leftt{
	background: url('../images/bg_band_left.png') no-repeat;
}
#bandeau #rightt{
	background: url('../images/bg_band_right.png') no-repeat;
}
#bandeau .main{
	float:left;  
	width:780px;
	height:186px;
	background: url('../images/bg_band.png') repeat-x; 
  margin-top:1px; 	
}
#bandeau .main .top{
	float:left;  
	width:780px;
	height:143px;
}
#bandeau .main .top .logo{
	/*background: url('../images/band_logo.jpg') no-repeat;*/
	float:left;  
	width:104px;
	height:116px;
  margin-top:18px;   	
  margin-left:16px;  	   	
}
* html #bandeau .main .top .logo{ margin-left:8px; }

#bandeau .main .top .texte h2{
	float:left;  
	width:116px;
  font-size:12px;
  font-family:Arial;
  color:#FFFFFF;
  text-transform:uppercase;
  padding:35px 0px 0px 0px;
  line-height:19px;
}
#bandeau .main .top .anim{
  border-left:1px solid #FFFFFF;
	float:left;  
	width:543px;
	height:143px;
}
#bandeau .main .bottom{
	float:left;  
	width:780px;
	height:43px;
}
#bandeau .main .bottom .texte{
	float:left;  
	width:236px;
	height:43px;
}
#bandeau .main .bottom .texte h1{
  margin-top:20px;   	
  margin-left:24px; 
  font-size:16px;
  font-family:Arial;
  color:#FFFFFF;
  font-weight:bold;
  text-transform:uppercase;
}

/****************************** MAIN_MENU ************************************/
#bandeau .main .bottom .main_menu{
	float:left;  
  border-left:1px solid #FFFFFF; 
  padding-top:14px;   	
  padding-left:25px; 
}
.main_menu .left{
	float:left;  
	width:15px;
	height:29px;
	background: url('../images/menu_bord_left.jpg') no-repeat;  
}
.main_menu .menu{
	float:left;  
	height:29px;
	z-index:100;
	background: url('../images/menu_bg.png') repeat-x;   	
}
.main_menu .right{
	float:left;  
	width:15px;
	height:29px;
	background: url('../images/menu_bord_right.jpg') no-repeat;  
}
.main_menu .menu a.mainn:active,
.main_menu .menu a.mainn:link,
.main_menu .menu a.mainn:visited,
.main_menu .menu a.mainn2:active,
.main_menu .menu a.mainn2:link,
.main_menu .menu a.mainn2:visited{
  color:#6fb9e2;
  line-height:29px;
  height:29px;
  float:left;
  display:block;  
  font-size:13px;
  font-family:Arial;
  font-weight:bold;
  text-transform:uppercase;  
  text-decoration:none;
  margin-left:9px;
  margin-right:9px;     
}
.main_menu .menu a.mainn2:active,
.main_menu .menu a.mainn2:link,
.main_menu .menu a.mainn2:visited{
  color:#999999;  
}
.main_menu .menu a.mainn:hover,
.main_menu .menu a.mainn2:hover{
  color:#254646;
  position:relative;
}


/******************************** SOUS MENU *************************************/

.main_menu .menu .smenu{
  z-index:100;
}

.main_menu .menu .smenu img {
	margin-top:4px;
	margin-left:4px;
	margin-right:4px;
}

#smenu1 {
  position:absolute;
  top:236px;
	left:402px;
	width:235px;
	display:none;
}
#smenu2{
  position:absolute;
  top:236px;
	left:520px;
	width:155px;
	display:none;
}
#smenu3{
  position:absolute;
  top:236px;
	left:645px;
	width:130px;
	display:none;
}
#smenu4{
  position:absolute;
  top:236px;
	left:743px;
	width:130px;
	display:none;
}
#smenu5{
  position:absolute;
  top:236px;
	left:768px;
	width:105px;
	display:none;
}
*+html .main_menu .menu #smenu1{top:187px;}
*+html .main_menu .menu #smenu2{top:187px;} 
*+html .main_menu .menu #smenu3{top:187px;} 
*+html .main_menu .menu #smenu4{top:187px;}
*+html .main_menu .menu #smenu5{top:187px;}
* html .main_menu .menu #smenu1{top:187px;}
* html .main_menu .menu #smenu2{top:187px;} 
* html .main_menu .menu #smenu3{top:187px;} 
* html .main_menu .menu #smenu4{top:187px;}
* html .main_menu .menu #smenu5{top:187px;}    
.smenu a:link,
.smenu a:active,
.smenu a:visited {
	color: #333333;
  text-transform:none;  	
	text-decoration:none;
	background: #E4E4E4;
	display:block;
  line-height:19px;
  height:19px;
	width:100%;  
  font-size:11px;
  border-bottom:1px solid #AAAAAA;
}
.smenu a:hover {
	background: #86A7A7;
	color: #FFFFFF;	
}

/****************************************** PAGE *******************************/
.under_bandeau{
	float:left;
  background: url('../images/bg_page.png') repeat-y;
	width:800px;
  padding-left:20px;
}
.shadow{
	float:left;
  background: url('../images/shadow_band.png') repeat-x;
	width:780px;
	height:20px;
}
.content{
	float:left;
  background: url('../images/bg_page.png') repeat-y;
	width:820px;
}

/*************************************** LEFT **********************************/
.barre_gauche{
  float:left;
  padding-left:38px;
  width:218px;
}

/************************************* ZONE ACTUS ******************************/
.telecharge,
.actus{
  float:left;
  width:177px;
}
.telecharge h1,
.actus h1{
  float:left;
  width:177px;  
	height:14px;
	background: url('../images/actus_top.png') no-repeat;
  padding-top:15px;   	
  padding-left:17px; 
  font-size:14px;
  font-family:Arial;
  color:#FFFFFF;
  font-weight:bold;    
}
.telecharge .zone,
.actus .zone{
  float:left;
  width:177px;  
	background: url('../images/actus_bg.jpg') repeat-y;  
}
.telecharge .zone .texte,
.actus .zone .texte{
  float:left;
  width:177px; 
  padding-top:10px;   	
  padding-left:17px;
  color:#FFFFFF;
  font-weight:bold;  
	background: url('../images/actus_content.jpg') no-repeat;  
}
.actus .zone .texte{
  padding-left:0px;
}
.actus .zone .texte .border{
  float:left;
  margin-top:15px;  
  margin-left:10px;
  padding-left:7px;  
	background: url('../images/news_border.gif') repeat-y; 	
}
.actus .zone .texte .border_link{
  float:left;
  margin-left:10px;
  padding-left:17px;  
	background: url('../images/news_border_link.gif') no-repeat; 	
}

.actus .zone .texte .border h2{
  font-size:12px;
  width:150px;
  color:#FFFFFF;
  font-weight:bold;
} 
.actus .zone .texte .border h3{
  font-size:11px;
  width:150px;  
  color:#FFFFFF;
  font-style:italic;
}
.actus .zone .texte .border p{
  padding-top:7px; 
  padding-bottom:7px; 
  font-size:11px;
  width:150px;  
  color:#FFFFFF;
}  
.actus .footer{
  float:left;
  width:177px; 
  height:15px; 
	background: url('../images/actus_bottom.jpg') no-repeat;  
}
.telecharge .zone .texte a:active,
.telecharge .zone .texte a:link,
.telecharge .zone .texte a:visited,
.actus .zone .texte .border_link a:active,
.actus .zone .texte .border_link a:link,
.actus .zone .texte .border_link a:visited{
  color:#FFFFFF;
  font-size:11px;
  font-family:verdana;
  font-weight:bold;
  text-decoration:none;
  text-align:right;
}
.telecharge .zone .texte a:hover,
.actus .zone .texte .border_link a:hover{
  text-decoration:underline;
}

/************************************* ZONE TELECHARGEMENT ******************************/
.telecharge{
  margin-top:20px;
}
.telecharge h1{
	background: url('../images/telecharge_top.png') no-repeat;    
  color:#595959;
}
.telecharge .zone{
	background: url('../images/telecharge_bg.jpg') repeat-y;  
}
.telecharge .zone .texte{
	background: url('../images/telecharge_content.jpg') no-repeat;  
}
.telecharge .zone .texte .info{
  float:left;
  padding-top:13px;    
  width:90px; 
  height:50px;
  font-style:italic;
}
.telecharge .zone .texte .img{
  float:left;
  padding-top:10px;  
  width:50px; 
  height:50px;
}
.telecharge .zone .texte p{
  width:160px;
  margin-bottom:10px;
  color:#86A7A7;
  font-weight:bold;   
}  
.telecharge .footer{
  float:left;
  width:177px; 
  height:15px; 
	background: url('../images/telecharge_bottom.jpg') no-repeat;  
}
.telecharge .zone .texte a:active,
.telecharge .zone .texte a:link,
.telecharge .zone .texte a:visited{
  color:#86A7A7;
}

/*************************************** ZONE DROITE **********************************/
.zone_droite{
  float:left;
  width:500px;
}
.zone_droite .localisation{
  margin-bottom:20px;
}

.zone_droite .localisation h5{
  /*text-transform:uppercase;*/
  font-size:10px;	color:#999999; 
}
.zone_droite .localisation a:link,
.zone_droite .localisation a:active,
.zone_droite .localisation a:visited { 
	color:#999999; 
	text-decoration:underline;
  /*text-transform:uppercase;*/
  font-size:10px;
}
.zone_droite .localisation a:hover {
	text-decoration:none; 
}
.zone_droite h1{
	color:#336699; 
	font-size:16px;
	margin-bottom:12px;
}
.zone_droite h2{
	color:#333333; 
	font-size:11px;
	font-weight:bold;
	margin-bottom:12px;
}
.zone_droite p{
	font-size:11px;
  line-height:16px;
   margin-bottom:20px;
}
.zone_droite a:link,
.zone_droite a:active,
.zone_droite a:visited { 
	color:#336699; 
	text-decoration:underline;
  font-size:11px;
}
.zone_droite a:hover {
	text-decoration:none; 
}
.zone_droite h3{
	color:#333333; 
	font-size:12px;
  font-weight:bold;
	margin-bottom:12px;  
}
.zone_droite li{
  line-height:16px;
}
.zone_droite ul{
	padding:0px;
	margin:0px;
	padding-left:5px;
  margin-left:15px;
}
.zone_droite img{
	margin:10px;
  margin-left:0px;
  margin-right:20px;
  border:solid 1px #CCCCCC;
}

/*********************************** FOOTER ****************************************/
.under_shadow{
	float:left;
  background: url('../images/bg_page.png') repeat-y;
	width:800px;
  padding-left:20px;
}
.shadow_footer1{
	float:left;
  background: url('../images/shadow_footer1.png') repeat-x;
	width:780px;
	height:10px;
}
.shadow_footer2{
	float:left;
  background: url('../images/shadow_footer2.png') repeat-x;
	width:780px;
	height:10px;
}
#footer{
	float:left;  
	width:1060px;
	height:81px;
}
#footer .rayure{
	float:left;  
	width:140px;
	height:81px;
}
#footer #leftf{
	background: url('../images/bg_foot_left.png') no-repeat;
}
#footer #rightf{
	background: url('../images/bg_foot_right.png') no-repeat;
}
#footer .main{
	float:left;  
	width:780px;
	height:81px;
	background: url('../images/footer_bg.png') repeat-x;  	
	text-align:center;
	padding-top:7px;
}
#footer .main img{
  margin-left:5px;
  margin-right:5px;  
}
#footer_menu{
	background: url('../images/bg_page.png') repeat-y;
  float:left;
	width:820px;
  line-height:30px;
  text-align:center; 
	color:#336699;
  text-transform:uppercase;
  font-size:10px;     
}
#footer_menu a{
  font-size:10px;
}
#footer_menu .border{
	background: url('../images/bg_footer.png') no-repeat;
  background-color: #D6D6D6;
	float:left;  
	width:820px;
	height:30px;
}

/*************************************** articles connexes **********************************/
.zone_droite .lien_connexe{
  height:34px;
  background: url('../images/picto_imac.gif') no-repeat;
  padding-bottom:12px;	
}
.zone_droite .lien_connexe h3{
  text-transform:uppercase;
  margin-left:45px;
  padding-top:8px;
  color:#666666;
  font-family:Arial;
  font-size:14px;
  font-weight:bold;
}
/************************************** photo / legende ********************************************/

.photo_legende{
  float : left;
  width:500px; 
  padding-bottom:20px; 

}
.photo_legende .pl_top{
  float : left;
  width:500px; 
  height:10px;
  background: url('../images/photo_legende_top.gif') no-repeat;  
  background-color:#E5E5E5;   
}
.photo_legende .pl_bottom{
  float : left;
  width:500px; 
  height:10px;
  background: url('../images/photo_legende_bottom.gif') no-repeat;  
}
.photo_legende .pl_content{
  float : left;
  width:480px;
  padding-left:10px;
  padding-right:10px;
  background-color:#E5E5E5;  
}
.photo_legende .pl_content .pl_image{
  float : left;
  padding-right:10px;  
}
.photo_legende .pl_content .pl_image img{
  padding:0px;
  margin:0px;
}
.photo_legende .pl_content .pl_legende{
  float : left;
  width:370px;    
  line-height:19px;
  color:#333333;
  font-size:11px;
  font-style:italic;
}

/********* stages ***********/
table.stage{
}

table.stage th{
	text-align:left;
	font-weight:bold;
	width:150px;
}

table.stage td{
	padding:2px;
	margin:2px;
}
/****************************/


